<!-- saved from url=(0035)管理员登录-广西师范大学学生作品.html-->
<html lang="zh"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="用于登录web服务器，进行实时监控与违规拍照">
        <meta name="keywords" content="家庭,摄像头,监控系统">
        <meta name="author" content="zhu chunhao,朱春浩">
		<title>家庭监控系统</title>
		<title>广西师范大学电子工程学院朱春浩制作</title>
		<style type="text/css">
			.switch {
				position: relative;
				display: inline-block;
				width: 40px;
				height: 26px;
			}
			
			.switch input {
				display: none;
			}
			
			.slider {
				position: absolute;
				cursor: pointer;
				top: 0;
				left: 0;
				right: -12;
				bottom: 0;
				background-color: #ccc;
				-webkit-transition: .4s;
				transition: .4s;
			}
			
			.slider:before {
				position: absolute;
				content: "";
				height: 23px;
				width: 23px;
				left: 2px;
				bottom: 1px;
				background-color: white;
				-webkit-transition: .4s;
				transition: .4s;
			}
			
			input:checked+.slider {
				background-color: #2196F3;
			}
			
			input:focus+.slider {
				box-shadow: 0 0 1px #2196F3;
			}
			
			input:checked+.slider:before {
				-webkit-transform: translateX(26px);
				-ms-transform: translateX(26px);
				transform: translateX(26px);
			}
			
			/* Rounded sliders */
			.slider.round {
				border-radius: 34px;
			}
			
			.slider.round:before {
				border-radius: 50%;
			}
		</style>

</head>
<body>   <!-- <!用来显示时间> -->
	<h3 align="left">时间:
	<body onload="show();">
	
	<font color="#cc0033">
	<div style="position:absolute;left:80px;top:10px;" id="nowDiv"></div>
	</font>
	
	</body>
	</font>
	
</body>

<body background="http://192.168.43.101:8080/bj1.gif"> 
		<h1 align="center">毕业设计：监控小车</h1>
		
		<div style="overflow: hidden">
			<div id="left" style="float:left ;  width:47%;  height:100%;"><img align="center" src="http://192.168.43.101:8080/?action=stream">
			</img>
			<font size="4" color="pink"><a align="left" target="_blank" href="http://192.168.43.101:8080/?action=snapshot">    拍照</a>（点击拍照后再网页上就会显示相片，然后自己右键保存）</font><h2 align="left">Design by:程序小黑  date:2019-4-14 QQ:502517586</h2><a align="left" href="https://blog.csdn.net/qq_30893653" target="_blank"></a>
			</div>
			
			<div id="right" style="float:left ;  width:50%; height:100%;">
			<h3 id="right" style="position:absolute;left:980px;top:150px;"><font color=red>摄像头</font></h3>
			<a id="k1" href="/video_up" style="position:absolute;left:1000px;top:210px;" class="btn btn-success btn-lg" role="butoon">上</a>
			<a id="g1" href="/video_down" style="position:absolute;left:1000px;top:270px;" class="btn btn btn-info btn-lg" role="button">下</a>
			<a id="k1" href="/video_left" style="position:absolute;left:940px;top:240px;" class="btn btn-success btn-lg" role="butoon">左</a>
			<a id="g1" href="/video_right" style="position:absolute;left:1060px;top:240px;" class="btn btn btn-info btn-lg" role="button">右</a>
			<a id="g1" href="/video_reset" style="position:absolute;left:995px;top:240px;" class="btn btn btn-info btn-lg" role="button">复位</a>
			</div>
			
			<h3 id="right" style="position:absolute;left:990px;top:350px;"><font color=red>跑车</font></h3>
			<a id="k1" href="/car_go" style="position:absolute;left:1000px;top:410px;" class="btn btn-success btn-lg" role="butoon">前</a>
			<a id="g1" href="/car_back" style="position:absolute;left:1000px;top:470px;" class="btn btn btn-info btn-lg" role="button">后</a>
			<a id="k1" href="/car_left" style="position:absolute;left:940px;top:440px;" class="btn btn-success btn-lg" role="butoon">左</a>
			<a id="g1" href="/car_right" style="position:absolute;left:1060px;top:440px;" class="btn btn btn-info btn-lg" role="button">右</a>
			<a id="g1" href="/car_stop" style="position:absolute;left:1000px;top:440px;" class="btn btn btn-info btn-lg" role="button">停</a>
			<a id="g1" href="/straight_line" style="position:absolute;left:1080px;top:415px;" class="btn btn btn-info btn-lg" role="button">直行</a>
			<a id="g1" href="/back_a_car" style="position:absolute;left:910px;top:415px;" class="btn btn btn-info btn-lg" role="button">倒车</a>
			</div>
			
</body>

<script>
function show(){ 
var date = new Date(); //日期对象 
var now = ""; 
now = date.getFullYear()+"年"; //读英文就行了 
now = now + (date.getMonth()+1)+"月"; //取月的时候取的是当前月-1如果想取当前月+1就可以了 
now = now + date.getDate()+"日"; 
now = now + date.getHours()+"时"; 
now = now + date.getMinutes()+"分"; 
now = now + date.getSeconds()+"秒"; 
document.getElementById("nowDiv").innerHTML = now; //div的html是now这个字符串
setTimeout("show()",1000);
} 
</script>
</html>
